<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App'
}
</script>

<style lang="less">
body{
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
#app{
  width: 100vw;
  height: 100vh;
}
*{
  &:hover{
    ::-webkit-scrollbar-track {
      background: rgba(19, 129, 207, 0.49); /* 滚动条轨道的背景颜色 */
    }

    ::-webkit-scrollbar-thumb {
      background: rgb(19, 129, 207); /* 滚动条轨道的背景颜色 */
    }

  }
  ::-webkit-scrollbar {
    width: 8px; /* 设置滚动条的宽度 */
  }

  ::-webkit-scrollbar-track {
    transition: all .3s linear;
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    transition: all .3s linear;
    background: transparent;
  }

  ::-webkit-scrollbar-thumb:hover {
    //background: #0f86c5; /* 滚动条实际可拖动部分的颜色 */
    background: rgb(5, 148, 51); /* 滚动条轨道的背景颜色 */
  }
}
</style>
